<!DOCTYPE html>
<!-- 此并非原创，仅为个人学习使用，请勿宣传 -->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="js/e7.js"></script>
    <link rel="stylesheet" href="css/index.css">
    
    <link href="bootstrap-select-1.13.9/dist/css/bootstrap-select.min.css" rel="stylesheet" />
    <script src="bootstrap-select-1.13.9/dist/js/bootstrap-select.min.js"></script>
    <title>E7装备计分器-鱼王自用版</title>
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
</head>
<body>
  <!-- <div class="container"> -->
  <div class="grid_head">
    <div class="row">
        <div class="col-xs-12 col-sm-2 ">
            <div class="grid_label font-weight-bold" id="label-lv">装备等级</div>
            <select id="gear-lv" name="gear-lv" class="form-control" onchange="resetplaceholder()" data-width="100%">
            <option id="lv70" value="lv70">Lv58 - 71</option>
            <option id="lv85" value="lv85" selected>Lv72 - 85 (竞技场 88)</option>
            <option id="lv90" value="lv90">Lv86 - 99 (迷宮 88)</option>
            <option id="lv90r" value="lv90r">Lv90(重铸)</option>
          </select>
        </div>
        <div class="col-xs-12 col-sm-2 ">  
            <div class="grid_label font-weight-bold" id="label-type">装备稀有度</div>
            <select id="gear-type" name="gear-type"  class="form-control" onchange="resetplaceholder()" data-width="100%">
              <option id="gwhite" value="gwhite" style="color:green; font-weight: bold;">普通</option>
              <option id="gblue" value="gblue" style="color:BLUE; font-weight: bold;">稀有</option>
              <option id="gpink" value="gpink" style="color:HOTPINK; font-weight: bold;">英雄</option> 
              <option id="gred" value="gred" style="color:RED; font-weight: bold;" selected>传说</option>
            </select>
          </div>
          <div class="col-xs-12 col-sm-2 ">  
            <div class="grid_label font-weight-bold" id="label-stlv">强化等级</div>
            <select id="gear-enc-lv" class="form-control" onchange="resetplaceholder()" name="gear-enc-lv" data-width="100%">
              <option id="g0" value="gear-lv0" selected>+0+1+2</option>
              <option id="g3" value="gear-lv3">+3+4+5</option>
              <option id="g6" value="gear-lv6">+6+7+8</option>
              <option id="g9" value="gear-lv9">+9+10+11</option>
              <option id="g12" value="gear-lv12">+12+13+14</option>
              <option id="g15" value="gear-lv15">+15</option>
            </select>
          </div>
          <div class="col-xs-12 col-sm-6 ">
            <div class="row">
              <div class="col-xs-4 col-sm-4">
                <div class="grid_label font-weight-bold" id="label-sub-presets">有效属性</div>
                  <select id="gear-sub-presets" class="form-control" name="gear-sub-presets" onchange="setGearUsefulSub()" data-width="100%">
                    <option id="gus-all"   value="gus-all" selected>全选</option>
                    <option id="gus-nodk"   value="gus-nodk">除去抵抗</option>
                    <option id="gus-nomz" value="gus-nomz">除去命中</option>
                    <option id="gus-noxg" value="gus-noxg">除去命中抵抗</option>
                  </select>
              </div> 
              <div class="col-xs-8 col-sm-8">
                <div class="grid_label font-weight-bold" id="label-usef-sub">有效属性</div>
                  <div class="grid_item">
                    <select id="gear-usef-sub" class="selectpicker form-control yyy" multiple name="gear-usef-sub" data-width="100%">
                      <option title="攻%" id="gus-atkper"   value="gus-atkper" selected>攻击力%</option>
                      <option title="防%" id="gus-defper"   value="gus-defper" selected>防御力%</option>
                      <option title="生%" id="gus-hpper"    value="gus-hpper"  selected>生命值%</option>
                      <option title="暴" id="gus-critch"   value="gus-critch"  selected>暴击率</option>
                      <option title="暴伤" id="gus-critdmg"  value="gus-critdmg" selected>暴击伤害</option>
                      <option title="速" id="gus-spd"      value="gus-spd"    selected>速度</option>
                      <option title="命" id="gus-eff"      value="gus-eff"    selected>效果命中</option>
                      <option title="抵" id="gus-res"      value="gus-res"     selected>效果抗性</option>
                      <option title="攻" id="gus-atkflat"  value="gus-atkflat" selected>攻击力</option>
                      <option title="防" id="gus-defflat"  value="gus-defflat" selected>防御力</option>
                      <option title="生" id="gus-hpflat"   value="gus-hpflat"  selected>生命值</option> 
                    </select>
                  </div>
                </div>  
            </div>
          </div>  
    </div>
  </div>

  <div class="grid_content">

    <div class="grid_label font-weight-bold" id="label-atkper">攻击力%</div>
    <div class="grid_label font-weight-bold" id="label-hpper">生命力%</div> 
    <div class="grid_label font-weight-bold" id="label-eff">效果命中</div>
    <input type="number" class="form-control" id="atkper" min="0" max="48" placeholder="">
    <input type="number" class="form-control" id="hpper" min="0" max="48" placeholder="">
    <input type="number" class="form-control" id="eff" min="0" max="48" placeholder="">
    
    <div class="grid_label font-weight-bold" id="label-atkflat">攻击力</div>
    <div class="grid_label font-weight-bold" id="label-hpflat">生命力</div> 
    <div class="grid_label font-weight-bold" id="label-res">效果抗性</div>
    <input type="number" class="form-control" id="atkflat" min="0" max="282" placeholder="">
    <input type="number" class="form-control" id="hpflat" min="0" max="1200" placeholder="">
    <input type="number" class="form-control" id="res" min="0" max="48" placeholder="">
      
    
    <div class="grid_label font-weight-bold" id="label-critch">暴击率</div> 
    <div class="grid_label font-weight-bold" id="label-defper">防御力%</div>
    <div class="grid_label font-weight-bold" id="label-spd">速度</div>   
    <input type="number" class="form-control" id="critch" min="0" max="48" placeholder="">
    <input type="number" class="form-control" id="defper" min="0" max="48" placeholder="">
    <input type="number" class="form-control" id="spd" min="0" max="24" placeholder="">
  
    <div class="grid_label font-weight-bold" id="label-critdmg">暴击伤害</div>
    <div class="grid_label font-weight-bold" id="label-defflat">防御力</div>
    <div class="grid_label font-weight-bold" id="label-score">装备分数</div>
    <input type="number" class="form-control" id="critdmg" min="0" max="48" placeholder="">
    <input type="number" class="form-control" id="defflat" min="0" max="198" placeholder="">
    <div class="grid_res" id="score">0</div>
    
    
    <button type="button" class="btn btn-success text-center align-middle font-weight-bold" id="btn-calc" onclick="calc()">计算</button>
    <button type="button" class="btn btn-danger text-center align-middle font-weight-bold" id="btn-reset" onclick="reset()">重置</button>
    <div class="grid_res" id="score-percentage" >0</div>
    <div></div>
    
    <div class="grid_err" id="errmsg"></div>
  </div>


</body>
</html>